<div class="row">
    <div class="col-md-12">
        <!-- The time line -->
        <ul class="timeline">
            <!-- timeline time label -->
            <li class="time-label">
                  <span class="bg-blue">
                    {{date('Y-m-d'),time()}}
                  </span>
            </li>
            <!-- /.timeline-label -->

            @foreach($data as $item)
            <!-- timeline item -->
            <li>
                <i class="fa fa-{{ $item['icon'] }} bg-blue"></i>

                <div class="timeline-item">
                    <span class="time" style="font-size:15px;"><i class="fa fa-clock-o"></i> {{ $item['time'] }}</span>

                    <h3 class="timeline-header" style="color: #00a2d4">{{ $item['title'] }}</h3>

                    <div class="timeline-body">
                        @foreach($item['content'] as $option)
                            @if($option)
                                <span>-{{$option}}</span></br></br>
                            @endif
                        @endforeach
                    </div>
                   <!-- <div class="timeline-footer">
                        <a class="btn btn-primary btn-xs">Read more</a>
                        <a class="btn btn-danger btn-xs">Delete</a>
                    </div>-->
                </div>
            </li>
            <!-- END timeline item -->
            @endforeach

            <li>
                <i class="fa fa-clock-o bg-gray"></i>
            </li>
        </ul>
    </div>
    <!-- /.col -->
</div>
<!-- /.row -->
